<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<title>Ext 4.0</title>

<!-- script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery/core/jquery-1.7.1.min.js"></script-->

<!-- Importar los estilos -->
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/js/ext/resources/css/ext-all.css" />
<!-- link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/js/ext/resources/css/ext-all-gray.css" /-->

<!-- En esta nueva versión encontramos el ext-all-dev.js, este archivo también contiene todo el framework 
	pero además contiene mensajes de error y warning que nos servirán en la fase de desarrollo, así que de 
	ahora en adelante deberíamos usar este para desarrollar. -->
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/ext/ext-all-dev.js"></script>

<!-- debemos importar el idioma después del ext-all.js -->  
<script type="text/javascript" src="${pageContext.request.contextPath}/js/ext/locale/ext-lang-es.js"></script>  

<!-- El archivo ext-all.js al igual que en las versiones pasadas contiene todas las clases de la librería 
	comprimidas y listas para subir al ambiente de producción. -->
<!-- script type="text/javascript" src="${pageContext.request.contextPath}/js/ext/ext-all.js"></script-->

<!-- En el archivo ext-all-debug.js las clases están descomprimidas y es el archivo que usabamos en las 
	versiones anteriores para el ambiente de desarrollo. -->
<!-- script type="text/javascript" src="${pageContext.request.contextPath}/js/ext/ext-all-debug.js"></script-->

<!-- También encontraremos el archivo ext-dev.js y ext.js, estos archivos están pensados para cuando no 
	requieres cargar toda la librería y simplemente deseas usar algún componente en específico, 
	entonces estos archivos solo cargan lo básico para poder cargar dinámicamente unicamente las clases 
	que se requieran, más adelante trataremos esto a detalle. -->
	
<script src="${pageContext.request.contextPath}/js/examples/yourlanguage.js" type="text/javascript"></script>

<script type="text/javascript">
	Ext.onReady(function() {
		//alert("Ext esta instalado correctamente!")

		/*
		$(document.body).css("background-color","#333");

		var win = new Ext.Window({
			title : 'Hello world',
			width : 400,
			height : 300,
			minimizable : true,
			maximizable : true
		});
		win.show();*/

		
		/*var win = new Ext.Window({
			title : 'Hello world',
			width : 200,
			height : 300,
			minimizable : true,
			maximizable : true,
			bodyStyle : 'background-color:#fff',
			items : [ new Ext.tree.TreePanel({
				border : false,
				root : {
					nodeType : 'async',
					text : 'Ext JS',
					draggable : false,
					id : 'source'
				}
			}) ]
		});
		win.show();*/

	});
</script>
</head>
<body>
	<div id="center"></div>
</body>
</html>